<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>成员主页</title>
    <!-- Bootstrap -->
    <link href="/managementSystem/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome 字体图标-->
    <link href="/managementSystem/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="/managementSystem/vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="/managementSystem/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <!-- Custom Theme Style -->
    <link href="/managementSystem/build/css/custom.css" rel="stylesheet">

    <script type="text/javascript">
      function verify() {
        var phone = document.getElementById("phone").value;
        if (phone.length == 11 || phone.length == 7) {

        } else {
          alert("联系方式号码长度为7位或11位")
          document.getElementById("phone").value = "";
        }
      }
    </script>
  </head>


  <body class="nav-md">
  <div class="container body">
    <div class="main_container">

      <div class="col-md-3 left_col">
        <div class="left_col scroll-view">

            <div class="navbar nav_title" style="border: 0;color: white">
              <a href="${pageContext.request.contextPath}/index.jsp" class="site_title" style="font-size: 10px"><i class="fa fa-users" ></i> <span>学生会业务管理系统</span></a>
            </div>

            <div class="clearfix"></div>

            <div class="profile clearfix">
              <div class="profile_info" style="color: white">
                <span>成员主页</span>
                <h2>${sessionScope.user.userid }</h2>
              </div>
            </div>

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-star"></i> 信息管理 <span class="fa fa-pencil-square"></span></a>
                    <ul class="nav child_menu">
                    	<li><a href="${pageContext.request.contextPath}/member/showMember?id=${sessionScope.user.userid}">查看个人信息</a></li>
						<li><a href="${pageContext.request.contextPath}/member/modifyPassword">修改个人密码</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-star-o "></i> 任务管理 <span class="fa fa-pencil-square"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="${pageContext.request.contextPath}/member/showDepMission?department=${sessionScope.member.department}">查看部门任务</a></li>
                    	<li><a href="${pageContext.request.contextPath}/member/showMyMission?memberNo=${sessionScope.member.memberNo}">查看我的任务</a></li>
                    </ul>
                  </li>
                  
                  <li><a><i class="fa fa-bell"></i> 公告管理 <span class="fa fa-pencil-square"></span></a>
                    <ul class="nav child_menu">
                    	<li><a href="${pageContext.request.contextPath}/member/showannouncement">查看公告</a></li>
                      <li><a href="${pageContext.request.contextPath}/member/showsuggestion">查看建议</a></li>
                      <li><a href="${pageContext.request.contextPath}/member/addsuggestion">上传建议</a></li>
                    </ul>
                  </li>
                  <li><a href="${pageContext.request.contextPath}/member/showequipment?department=${sessionScope.member.department}"><i class="fa fa-cube"></i>管理器材</a></li>
                  <li><a href="${pageContext.request.contextPath}/Users/quit"><i class="fa fa-sign-out"></i> 退出登录</a></li>
                </ul>
              </div>
            </div>
        </div>
      </div>


      <!-- top navigation -->
      <div class="top_nav">
        <div class="nav_menu">
          <nav>

            <div class="nav toggle">
              <a id="menu_toggle"><i class="fa fa-bars"></i></a>
            </div>
            <!-- 隐藏按钮 -->

            <ul class="nav navbar-nav navbar-right">
              <!-- navbar-nav导航条，从右边开始-->
              <li class="">

                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                  <!-- aria-expanded当前元素不展开；data-toggle指以什么事件触发 -->

                  <img src="../images/admin.jpg" alt="">账户
                  <span class=" fa fa-angle-down"></span>
                </a>

                <ul class="dropdown-menu dropdown-usermenu pull-right">
                  <!-- pull-right整体右浮动 -->

                  <li><a href="#"> 个人信息</a></li>

                  <li><a href="${pageContext.request.contextPath}/admin/adminLogin.jsp"><i class="fa fa-sign-out pull-right"></i> 退出登录</a></li>

                </ul>
              </li>

            </ul>
          </nav>
        </div>
      </div>

      <!-- jQuery -->
      <script src="/managementSystem/vendors/jquery/dist/jquery.min.js"></script>
      <!-- Bootstrap -->
      <script src="/managementSystem/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
      <!-- FastClick -->
      <script src="/managementSystem/vendors/fastclick/lib/fastclick.js"></script>
      <!-- NProgress -->
      <script src="/managementSystem/vendors/nprogress/nprogress.js"></script>
      <!-- bootstrap-progressbar -->
      <script src="/managementSystem/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
      <!-- iCheck -->
      <script src="/managementSystem/vendors/iCheck/icheck.min.js"></script>
      <!-- DateJS -->
      <script src="/managementSystem/vendors/DateJS/build/date.js"></script>

      <!-- Custom Theme Scripts -->
      <script src="/managementSystem/build/js/custom.js"></script>

  </body>
</html>
